<template>
    <div class="outContent">
      <div class="navBar">
        <div class="navItem active">
          <router-link :to="{ path: '/' }">首页</router-link>
        </div>
        <div class="navItem">
          <router-link :to="{ path: 'xiangmu' }">项目管理</router-link>
        </div>
        <div class="navItem">
          <router-link :to="{ path: 'me' }">我</router-link>
        </div>
      </div>
        <div class="head">
            <a class="avatar">
                <img src="images/avatar.png" alt=""/>
            </a>
            <a class="message">
                <div class="message_num">3</div>
            </a>
        </div>
        <div class="bannerBox">
            <div class="banner">
                <img src="images/banner02.png" alt=""/>
            </div>
        </div>
        <div class="xmList">
            <a class="xm-item">
                <div class="xm-icon">
                    <img src="images/icon_xm_01.png" alt=""/>
                </div>
                <div class="xm-content">
                    <div class="xm-name">项目审批</div>
                    <div class="xm-info">项目审批的简要提示</div>
                </div>
                <div class="xm-arr"></div>
            </a>
            <a class="xm-item">
                <div class="xm-icon">
                    <img src="images/icon_xm_02.png" alt=""/>
                </div>
                <div class="xm-content">
                    <div class="xm-name">维修项目</div>
                    <div class="xm-info">维修项目的简要提示</div>
                </div>
                <div class="xm-arr"></div>
            </a>
            <a class="xm-item">
                <div class="xm-icon">
                    <img src="images/icon_xm_03.png" alt=""/>
                </div>
                <div class="xm-content">
                    <div class="xm-name">养护项目</div>
                    <div class="xm-info">养护项目的简要提示</div>
                </div>
                <div class="xm-arr"></div>
            </a>
            <a class="xm-item">
                <div class="xm-icon">
                    <img src="images/icon_xm_04.png" alt=""/>
                </div>
                <div class="xm-content">
                    <div class="xm-name">防汛急办项目</div>
                    <div class="xm-info">防汛急办项目的简要提示</div>
                </div>
                <div class="xm-arr"></div>
            </a>
        </div>

    </div>

</template>

<script>
    export default {
        name: "xiangmu"
    }
</script>

<style scoped>

</style>
